Click a selector: Click a selector to see which element(s) that gets selected in the result:
Result:

<h1>Welcome to My Homepage</h1>

<div class="intro">

<p>My name is Donald <span id="Lastname">Duck.</span></p>

<p id="my-Address">I live in Duckburg</p>

<p>I have many friends:</p>

</div>

<ul id="Listfriends>
  • <li>Goofy</li>
  • <li>Mickey</li>
  • <li>Daisy</li>
  • <li>Pluto</li>
</ul>

<p>All my friends are great!<br>
But I really like Daisy!!</p>

<p lang="it" title="Hello beautiful">Ciao bella</p>

    <h3>We are all animals!</h3>

    <p><b>My latest discoveries have led me to believe that we are all animals:</b></p>

    <table>
      Name Type of Animal
      Mickey Mouse
      Goofey Dog
      Daisy Duck
      Pluto Dog
      </table>

      Click the CSS Selectors and see the specified element(s) get selected. © w3schools.com